import React, { Component, PropTypes } from 'react';
import Module from '../../lib/module';
import { Input, Row, Col } from 'antd';
const Search = Input.Search;

import FindTime from '../findTime';
class findVip extends Module{
    constructor(props, context) {
        super(props, context);
        this.state = {
            vipData:[1,2,3,4]
        };
    }

    componentDidMount() {
    }

    componentWillUnmount() {
    }

    render() {

        return <div className="find-vip">
            <FindTime />
            <div className="find-vip-search">
                <Search
                    placeholder="input search text"
                    enterButton="查询"
                    size="large"
                    onSearch={value => console.log(value)}
                />
            </div>
            <div className="search-list">
                <Row className="search-list-head">
                    <Col span={4}>col-12</Col>
                    <Col span={4}>col-12</Col>
                    <Col span={4}>col-12</Col>
                    <Col span={4}>col-12</Col>
                    <Col span={8}>col-12</Col>
                </Row>

                {
                    this.state.vipData.map((item,index)=>{
                        return <Row key={index}>
                            <Col span={4}>col-12</Col>
                            <Col span={4}>col-12</Col>
                            <Col span={4}>col-12</Col>
                            <Col span={4}>col-12</Col>
                            <Col span={8}>col-12</Col>
                        </Row>
                    })
                    }


            </div>
        </div>
    }
}
export default findVip;